<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ul>
    <script>
        // class Arr {
        //   constructor (arr) {
        //     this.arr = arr
        //   }
        // }
        
        // Arr.prototype.each = function (callback) {
        // //   console.log(this);
        //   for (let i = 0; i < this.arr.length; i++) {
        //       callback(this.arr[i], i, this.arr)
        //   }
        // }

        // const arr = new Arr([1, 2, 3, 4])
        // arr.each((item, index, arr) => {
        //     console.log(item, index, arr)
        // })
        /*******************************************/
        // 简单的闭包

        // function init () {
        //   var name = 'berlin'
        //   function abc () {
        //     debugger
        //     console.log(name)
        //   }
        //   abc()
        // }
        // init()
        /******************************************/
        for (var i = 0; i < 5; i++) {
          (function (j) {
            setTimeout(() => {
              debugger
              console.log(j)
            },0)
          })(i)
        }
    </script>
</body>
</html>